<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.css" />
	
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>	
	<script type="text/javascript" src="js/jquery.mobile-1.3.0.js"></script>
	<script type="text/javascript" src="js/cordova-2.5.0.js" charset="utf-8" ></script>
	<script type="text/javascript" src="js/jQueryRotate.2.2.js" charset="utf-8" ></script>
	
	<script type="text/javascript" charset="utf-8">
		function iniciar() {			
			//document.addEventListener("deviceready", dispositivoListo, false);
			//$("#brujula").rotate(45);
		}
		function dispositivoListo() {
			//var id = "hyZJtN6tl2n";
			//var ref = window.open('http://www.youtube.com/embed/'+id+'?html5=1', '_blank', 'location=yes');
		}
		var states = {};
		states['wifi'] = 'Wi-Fi';
		
		alert(states['wifi']);
	</script>
</head>

<body onload="iniciar()">

	<div data-role="page">
		<div data-role="header" data-position="fixed">		
			<h1>PI PhoneGap</h1>
		</div>
		
		<div data-role="content">
			<p>Test 123</p>
<!-- 			<video width="320" height="240" controls="controls"> -->
<!-- 				<source src="file:///mnt/sdcard/DCIM/Camera/20130421_185524.mp4" type="video/mp4"></source>				 -->
<!-- 			</video>		 -->
			<img src="img/brujula.png" id="brujula" align="middle" /><br />
		</div>
		
		<div data-role="footer" data-position="fixed">
			<h1>RCondezo &copy; 2013</h1>
		</div>
	</div>
	
</body>

</html>